<div id="coursewareNavi" class="position-r app-padding-15 height-full app-border-right-1 app-border-color-grey-light" ng-controller="CourseController as vm">
    <div class="ft-size-23 app-margin-left-5">课程体系</div>
    <svg class="left-bar-add app-icon app-icon-20 float-r cursor position-a" ng-click="vm.addLeftNav()">
        <use class="green" xlink:href="{{'#icon-plus'}}"></use>
    </svg>
    <div class="app-margin-5 ft-color-grey-normal">管理学院课程体系信息</div>
    <div class="app-margin-top-5">
        <div class="app-flex-row app-padding-y-10" ng-repeat="navi in vm.naviBInit track by $index" ng-click="vm.leftBarClick(navi.id)">
            <span class="app-margin-x-7">{{navi.name}}</span>
            <span class="ft-color-green-normal">（{{navi.curriculaSysList.length || 0}}）</span>
            <div class="course-left-hover padding-5 border-r5" ng-class="{true:'display-b',false:'display-n'}[vm.isShow == navi.id]">
                <svg class="app-icon app-icon-20">
                    <use class="white" xlink:href="{{'#icon-edit'}}"></use>
                </svg>
                <svg class="app-icon app-icon-20 margin-l10" ng-click="vm.delLeftNav(navi.id)">
                    <use class="white" xlink:href="{{'#icon-x'}}"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="app-new-overly" ng-class="{true:'display-b',false:'display-n'}[vm.newNav]"></div>
    <div class="app-new-form"  ng-class="{true:'display-b',false:'display-n'}[vm.newNav]">
        <div class="app-new-table padding-20 box-sizing-bor">
            <div class="course-title font-c6 height-40 line-h40">新建课程体系</div>
            <div class="course-content position-r width100 text-l margin-b20">
                <div class="content-row position-r width100 margin-b10">
                    <div class="font-c4 width20 height-30 line-h30 float-l">课程体系名称</div>
                    <input class="border height-30 line-h30 width80 padding-lr10 box-sizing-bor" type="text" placeholder="输入课程体系名称">
                    <div class="clear-b"></div>
                </div>
                <div class="content-row position-r width100 margin-b20">
                    <div class="font-c4 width20 height-30 line-30 float-l">课程体系描述</div>
                    <input class="border width80 height-30 line-h30 padding-lr10 box-sizing-bor" type="text" placeholder="输入课程体系描述">
                    <div class="clear-b"></div>
                </div>
                <div class="content-table text-l">
                    <div class="table-column width50 float-l box-sizing-bor padding-r15">
                        <div class="table-title margin-b10">全部课程</div>
                        <div class="table-one border width100 float-l box-sizing-bor">
                            <div class="table-row border-bottom height-40 line-h40">
                                <div class="courseware-item-checkbox app-margin-x-10 display-i"
                                     ng-click="vm.toggleChecked(item)">
                                    <svg class="app-icon app-icon-16"
                                         ng-class="{true:'ft-color-red-light'}[item.check]">
                                        <use xlink:href="{{'#icon-' + (item.check ? 'checkbox1' : 'checkbox')}}"></use>
                                    </svg>
                                </div>
                                <span>编号</span>
                                <span>课程名称</span>
                            </div>
                        </div>
                    </div>
                    <div class="table-column width50 float-l box-sizing-bor padding-l15">
                        <div class="table-title margin-b10">已选课程</div>
                        <div class="table-one border width100 float-l box-sizing-bor">
                            <div class="table-row border-bottom height-40 line-h40">
                                <div class="courseware-item-checkbox app-margin-x-10 display-i"
                                     ng-click="vm.toggleChecked(item)">
                                    <svg class="app-icon app-icon-16"
                                         ng-class="{true:'ft-color-red-light'}[item.check]">
                                        <use xlink:href="{{'#icon-' + (item.check ? 'checkbox1' : 'checkbox')}}"></use>
                                    </svg>
                                </div>
                                <span>编号</span>
                                <span>课程名称</span>
                            </div>
                        </div>
                    </div>
                    <div class="clear-b"></div>
                    <div class="table-column width50 float-l"></div>
                    <div class="clear-b"></div>
                </div>
            </div>
            <div class="form-handle">
                <div class="new-btn-submit cursor margin-r20" ng-class="{true:'display-n',false:'display-b'}[vm.isReadonly]"  ng-click="vm.saveLeftNav()">保存</div>
                <div class="new-btn-cancel cursor" ng-click="vm.closeFrame()">取消</div>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>
</div>